<template>
	<!-- 首页功能快捷入口 Grid宫格-->
	<van-grid :border="false">
		<van-grid-item v-for="(item,i) in homeItems" :key="i" style="width: 100%;" :to="{name:item.routeName}">
			<div style="background-color:rgba(1, 203, 226, 0.1) ;width: 4rem;height:4rem;border-radius: 10%;padding: 1rem;text-align: center;">
				<van-icon :name="item.img" size="35" />
				<div>{{item.title}}</div>
			</div>
		</van-grid-item>
	</van-grid>
</template>

<script>
	export default {
		name: 'homeEnter',

		data() {
			return {
				//首页快捷功能入口
				homeItems: [{
						title: "分类",
						routeName: "product",
						img: require("@/assets/images/yxj.png"),
					},
					{
						title: "论坛",
						routeName: "forum",
						img: require("@/assets/images/lt.png"),
					},
					{
						title: "预约",
						routeName: "appointment",
						img: require("@/assets/images/yy.png"),
					},
					{
						title: "排行榜",
						routeName: "ranking",
						img: require("@/assets/images/phb.png"),
					},
				],
			}
		},
		methods: {
			turn(i) {
				this.$router.push({
					name: 'i',
				});
			}
		}
	}
</script>
<style scoped>
</style>
